<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
         // push() 在数组末尾添加一个或多个元素 返回的是新数组的长度 原数组会变化
         let arr = [1, 2, 3]
        //  console.log( arr.push(4,'zyz'));//push()完毕返回的是数组的长度
        var y=arr.push(4, 'zyz')
        console.log(y);
        console.log(arr);

        // unshift() 在数组前面添加一个或多个元素 返回的是新数组的长度 原数组会变化
        arr.unshift('hug', 0)
        //  console.log( arr.unshift('hug',0));//push()完毕返回的是数组的长度
        console.log(arr);

        //  pop() 删除数组最后一个元素一次只能删一个 没有参数 返回的是删除的元素  原数组会变化
        arr.pop()
        // console.log(arr.pop()); //返回的是删除的元素
        console.log(arr);

        //  shift() 删除数组最前面一个元素一次只能删一个 没有参数 返回的是删除的元素  原数组会变化
        arr.shift()
        //console.log(arr.shift());
        console.log(arr);


         // 从索引 2 的位置开始删除 0 个元素，插入“drum”  splice() 此方法会改变原数组。
        // splice( 起始位置，删除几个，添加的元素)可以添加多个逗号隔开
        var myFish = ["angel", "clown", "mandarin", "sturgeon"];
        var removed = myFish.splice(2, 1, "drum");
        console.log(removed); // 被删除的['mandarin']
        console.log(myFish);  // ['angel', 'clown', 'drum', 'sturgeon']

    </script>
</body>
</html>